<template>
    <div class="bargainArea">
        <div class="half left">
            <div class="title">砍价专区</div>
            <div class="describe">
                <span>十点场 距离下场</span>
            </div>
            <div class="goodsShow">
                <div class="goodsItem">
                    <img src="../../assets/headLines/goodsShow.png"/>
                    <div class="price">￥1.9</div>
                </div>
                <div class="goodsItem">
                    <img src="../../assets/headLines/goodsShow.png"/>
                    <div class="price">￥1.9</div>
                </div>
            </div>
        </div>
        <div class="half right">
            <div class="title">爆款专区</div>
            <div class="describe">
                <span>美妆大牌 立即享购</span>
            </div>
            <div class="goodsShow">
                <div class="goodsItem">
                    <img src="../../assets/headLines/goodsShow.png"/>
                    <div class="price">￥1.9</div>
                </div>
                <div class="goodsItem">
                    <img src="../../assets/headLines/goodsShow.png"/>
                    <div class="price">￥1.9</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name : "index"
    }
</script>

<style scoped lang="stylus">
.bargainArea
    padding 0 0.27rem
    display flex
    justify-content space-between
    .half
        padding 0.27rem 0.16rem
        /*width 4.72rem*/
        width 100%
        background-color  #fff
        .title
            color #333333
            font-size 0.40rem
        .describe
            color #666666
            font-size 0.29rem
            margin-top 0.17rem
        .goodsShow
            display flex
            justify-content space-around
            .goodsItem
                img
                    width 2.00rem
                    height 1.47rem
                .price
                    display flex
                    justify-content center
                    color #00A38F
                    font-size 0.27rem
    .left
        border-radius 0.13rem 0 0 0.13rem
        /*padding-right 0*/
        margin-right 0.03rem
    .right
        border-radius  0 0.13rem 0.13rem 0
        /*padding-left 0*/
</style>